<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>找回密码</title>
		<link rel='stylesheet' type='text/css' href='/static/view/css/common.css'>
		<link rel='stylesheet' type='text/css' href='/static/view/css/head.css'/>
	</head>
	<body>
		<include file="public:header"/>
		<div class='body'>
			<span class='title'>找回密码</span>
			<div class='body-infor'>
			<fieldset>
			<legend>找回密码</legend>
				<form action='/User/user/findByField' method='post'> 
					<table cellspacing='10px'>
                                            <tr align='right'><th><label for='username'>用户名*</label></th><td><input id='username' class="input" type='text' name='username' autocomplete='off' placeholder='用户名' autofoucs required/></td><td></td></tr>
						<tr align='right'><th><label for='email'>邮箱*</label></th><td><input id='email' class="input" type='email' name='email' placeholder='邮箱' required/></td><td></td></tr>
                                                <tr align='right'><th><label for='verify'>验证码*</label></th><td><input id='verify' class="input" type='text' name='verify' placeholder='验证码严格区分大小写' required/></td><td><img src="/User/public/verify" id="verifyImg" onclick="fleshVerify()"/></td></tr>
                                                <tr align='left'><td></td><td><button type='submit'>提交</button>&nbsp;{$error}</td></tr>	
					</table>
				</form>
			</fieldset>
			</div>
		</div>
		<include file="public:footer"/>
	<script type='text/javascript' src='/static/view/js/jquery-1.8.3.js'></script>
	<script type='text/javascript'>
                function fleshVerify(){
                    var time=new Date().getTime();
                    document.getElementById('verifyImg').src='/User/public/verify/'+time;
                }
		$(document).ready(function(){
			
			 $('.title').click(function(){
                            $('div.body-infor').slideToggle('slow');
                        });
			$('legend').click(function(){
                            $(this).next('form').slideToggle('fast');
                        });
                        
		});
	
	</script>
	</body>
</html>